<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="container">
   		<div class="row">
   			<div class="col-xs-12">
   				<div class="modal-content">
   					<div class="modal-header">
   						<div class="title">
   							<span class="text-center">
   							<h1>欢迎光临绵阳珠宝城!</h1>
							</span>
   						</div>
   					</div>
   				</div>
   			</div>
   		</div>
   	</div>
   	<div class="container">
   		<div class="row">
   			<div class="col-sm-4">
   				<div class="modal-content">
   					<div class="modal-header">
   				<div class="modal-title">
   			<div>
   				<h2>欢迎登陆绵阳珠宝城</h2>
				</div>
  		</div>
		</div>
  			<form class="form-horizontal has-success">
  			<div class="form-group">
  				<label class=" col-xs-3 control-label">name：</label>
				<div class="col-xs-6">
					<div class="input-group">
						<div class="input-group-addon">
							<span class="glyphicon glyphicon-user"></span>
						</div>
					<input class="form-control"/>
					</div>
					</div>
  			</div>
			<div class="form-group">
  				<label class=" col-xs-3 control-label">password：</label>
				<div class="col-xs-6">
					<div class="input-group">
						<div class="input-group-addon">
							<span class="glyphicon glyphicon-lock"></span>
						</div>
					<input class="form-control"/>
					</div>
					</div>
  			</div>
			<div class="modal-footer">
				<a class="btn btn-default"  data-toggle="modal" data-target="#b1">登陆</a>
			</div>
			
			<div id="b1" class="modal">
   			<div class="modal-dialog">
   			<div class="modal-content">
   				<div class="modal-header">
   					<a class="close" data-dismiss="modal">&times;</a>
					<div class="modal-title">
   						<h4>确认登陆！</h4>
   					</div>
					</div>
				<div class="modal-body ">
					你确定马上登录吗？
				</div>
				<div class="modal-footer">
				<button class="btn btn-primary">确定</button>
				<button class="btn btn-default" data-dismiss="modal">取消</button>
			   </div>
   			</div>
   	</div>
   </div>
   
   
			</form>
			</div>
			</div>
			<div class="col-xs-8">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-title">
						最热款，特卖专区！
						</div>
					<h3><span>女人因钻石而美丽,钻石为女人而闪耀！</span></h3>
				</div>
		<div class="modal-body">
			<div class="row">
				
			<div class="col-xs-4">
			<div class="thumbnail">
				<img src="珠宝10.jpg"/>
				<span class="caption">经典款 </span>
				</div>
				</div>
				
				<div class="col-xs-4">
				<div class="thumbnail">
				<img src="珠宝11.jpg"/>
				<span class="caption">情人款 </span>
				</div>
				</div>
				
				
				<div class="col-xs-4">
				<div class="thumbnail">
				<img src="珠宝16.jpg"/>
				<span class="caption">奢华款</span>
				</div>
				</div>
				
				
				<div class="col-xs-4">
				<div class="thumbnail">
				<img src="珠宝17.jpg"/>
				<span class="caption">内涵款</span>
				</div>
				</div>
				
				<div class="col-xs-4">
				<div class="thumbnail">
				<img src="珠宝15.jpg"/>
				<span class="caption">火爆款</span>
				</div>
				</div>
				
				<div class="col-xs-4">
				<div class="thumbnail">
				<img src="珠宝19.jpg"/>
				<span class="caption">低调款</span>
				</div>
				</div>
				
				
				</div>
		</div>
	
	
		</div>
		</div>
		</div>
			
			
			
			</div>
				
			
		
			
  

	
   </body>
</html>